<!--
 * @Descripttion: your project
 * @version: 1.0
 * @Author: hongweixun
 * @Date: 2022-11-03 15:20:16
 * @LastEditors: liyin 2179253556@qq.com
 * @LastEditTime: 2025-09-23 09:36:10
-->
<template>
  <div class="hl-footer-box align-items row">
    <div class="common-footer-box">
      <el-icon :size="16"><SvgIcon icon-class="icon_icon_copyright" color="#BEC1CC"></SvgIcon></el-icon
      >{{ $util.getYear() }}
    </div>
    <div class="common-footer-box">
      <el-icon :size="16"><SvgIcon icon-class="icon_icon_support" color="#BEC1CC"></SvgIcon></el-icon
      >技术支持：广东宏联科技有限公司
    </div>
    <div class="common-footer-box">
      <el-icon :size="16"><SvgIcon icon-class="icon_icon_hotline" color="#BEC1CC"></SvgIcon></el-icon
      >服务热线：0769-968899
    </div>
    <div class="footBg"></div>
  </div>
</template>
<script setup lang="ts">
import { ref, onMounted } from "vue";
import $util from '../../util/util'
const innerHeight = ref<any>(document.documentElement.clientWidth / document.documentElement.clientHeight)
onMounted(async () => {
  window.addEventListener('resize', () => {
    setTimeout(async () => {
      innerHeight.value = document.documentElement.clientWidth / document.documentElement.clientHeight
    }, 0)
  })
});
</script>
<style lang="scss">
.hl-footer-box {
  background-color: transparent;
  width: 100%;
  padding-top: 20px;
  height: 74px;
  font-size: 13px;
  color: #BEC1CC;
  display: flex;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  .common-footer-box {
    display: flex;
    align-items: center;
    margin-right: 15px;
  }
  .el-icon {
    margin-right: 2px;
    color: #BEC1CC;
  }
  .footBg{
    position: absolute;
    width: 100%;
    height: 74px;
    bottom: 0px;
    left: 0px;
    background-image: url("@/assets/images/dibu.png");
    background-size: 100% 100%;
  }
}
</style>
